{% extends "base.html" %}
    {% block title %}{{title}}{% endblock %}
    {% block custom_style %}
        <link href="/static/css/login.css" rel="stylesheet">
    {% endblock %}
    {% block content %}
    <div class="container">
        {% if form.errors %}
            <div style="margin-top:50px; text-align:center;" class="alert alert-danger col-4-lg">
                <i class="icon-exclamation-sign"></i> Your username and password didn't match, please try again.
                </div>
        {% endif %}
        <form  action='/login' method='post' class="form-signin">
            <h2 class="sans form-signin-heading">Please sign in</h2>
            <input type="text" class="form-control sans" placeholder="Username" name="username" id="username" autofocus>
            <input type="password" class="form-control sans" id="password" name="password" placeholder="Password">
            {% csrf_token %}
            <label class="checkbox">
                <input type="checkbox" value="remember-me"> Remember me
            </label>
            <button class="btn btn-lg btn-success btn-block" type="submit"><i class="icon-user"></i> Sign in</button>
            {% if next %}
                <input type="hidden" name="next" value="{{ next }}" />
            {% endif %}
        </form>
    </div>
    {% endblock %}
    {% block custom_scripts %}{% endblock %}
